<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../../../yl/index.css" />
    <link rel="stylesheet" href="../../../style/index.css" />
    <link rel="stylesheet" href="./css/free.css" />
    <title>填写订单</title>
</head>

<body>
    <div id="app" v-cloak style="background-color: rgb(246,247,251);">
        <div class="m-2 rounded bg-white flex">
            <el-image src="../../../admin/images/avatar.jpg" style="width: 150rem;height: 150rem;margin: 10rem;border-radius: 10px;"></el-image>
            <div>

            </div>
        </div>
        <div class="m-2 bg-white rounded flex flex-column">
            <div class="flex align-center justify-between">
                <span class="font-sm flex-shrink">房型：</span>
                <el-select clearable disabled v-model.trim="form.Room_Type_SerialNumber" placeholder="请选择房屋类型" filterable
                  style="width: 100%">
                  <el-option
                    v-for="(item,index) in room_type"
                    :key="index" :label="item.Room_Type_Name"
                    :value="item.Room_Type_SerialNumber"></el-option>
                </el-select>
            </div>
            <div class="flex border-bottom align-center justify-between">
                <span class="font-sm flex-shrink">房间数量：</span>
                <el-input-number :min="1" v-model="form.RoomNumber"></el-input-number>
            </div>
            <div class="flex border-bottom align-center justify-between">
                <span class="font-sm flex-shrink">开始时间：</span>
                <el-date-picker v-model="form.Check_In_Date" type="date" placeholder="请选择开始时间"
                  class="borderless-input" format="YYYY-MM-DD" value-format="YYYY-MM-DD" size="large" />
            </div>
            <div class="flex border-bottom align-center justify-between">
                <span class="font-sm flex-shrink">结束时间：</span>
                <el-date-picker v-model="form.Check_Out_Date" type="date" placeholder="请选择结束时间"
                  class="borderless-input" format="YYYY-MM-DD" value-format="YYYY-MM-DD" size="large" />
            </div>
            <div class="flex border-bottom align-center justify-between">
                <span class="font-sm flex-shrink">住客姓名：</span>
                <el-input v-model="form.Guest_Name"></el-input>
            </div>
            <div class="flex align-center justify-between">
                <span class="font-sm flex-shrink">联系电话：</span>
                <el-input v-model="form.Contact_Phone"></el-input>
            </div>
            
        </div>
        <div @click="handle" class="fixed-bottom m-2 flex p-2 bg-info justify-center rounded-circle"  v-cloak>
            <span class="text-white">提交信息</span> 
        </div>
    </div>
    <script src="../../../utils/utils.js"></script>
    <script src="../../../utils/mixins.js"></script>
    <script src="../../../config/config.js"></script>
    <script src="../../../yl/vue.js"></script>
    <script src="../../../yl/index.js"></script>
    <script src="../../../yl/zh-cn.mjs"></script>
    <script src="../../../yl/index.iife.min.js"></script>
    <script src="../../../yl/jquery.min.js"></script>
    <script src="../../../utils/jquery.cookie.js"></script>
    <script src="../../../api/request.js"></script>
    <script src="js/mobile.js"></script>
</body>

</html>